@import "base";

@baseColor: #0f6db7;
.container {
  margin: 0 auto;
  min-width: 1860px;
  min-height: 1200px;
  background: url("../images/banner.jpg") no-repeat center top;

  .btn {
    display: inline-block;
    width: 230px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    .fs(25px, #717171);
    border-radius: 4px;
    background: #fff;
    .transition();
  }

  .header {
    height: 110px;
    overflow: hidden;
    background: #fff;
    min-width: 1660px;

    .logo {
      .fl();
      display: block;
      margin: 16px 0 0 46px;
      img{
        width: 144px;
      }
    }

    .nav {
      .fr();
      height: 110px;
      li {
        .fl();
        line-height: 106px;

        a {
          .fs(30px, #666);
          display: inline-block;
          margin: 0 50px;
          box-sizing: border-box;
          .transition();

          &:hover,&.current {
            color: @baseColor;
            border-bottom: 4px solid @baseColor;
          }
        }
      }
    }
  }

  .banner-container {
    overflow: hidden;
    padding-top: 476px;
    width: 1660px;
    margin: 0 auto;

    .btn {
      margin-right: 24px;

      &:hover {
        background: @baseColor;
        color: #fff;
      }
    }
  }

  .title {
    .pr();
    .fs(30px, #151515);
    text-align: center;
    font-weight: normal;
    padding-top: 28px;

    &:after {
      .pa();
      left: 50%;
      bottom: -16px;
      margin-left: -40px;
      content: "";
      display: block;
      width: 80px;
      height: 4px;
      background: @baseColor;
    }
  }

  .business-container {
    margin-top: 344px;
    background: #fff;

    .content {
      width: 1180px;
      margin: 0 auto;

      h3 {
        .fs(20px, #595959);
        font-weight: normal;
        text-align: center;
        padding-top: 40px;

      }

      .business-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        padding: 40px 0 90px;

        dl {
          width: 372px;

          img {
            .transition();

            &:hover {
              transform: scale(1.01);
            }
          }

          h4 {
            padding: 20px 0 10px;
            .fs(20px, #151515);
          }

          p {
            line-height: 28px;
            .fs(15px, #595959);
          }

          a {
            .fs(20px, @baseColor);
            text-decoration: underline;
            .transition();
            display: inline-block;

            &:hover {
              transform: translateX(5px);
            }
          }
        }
      }
    }
  }

  .product-container {
    background: url("../images/product_bg.jpg") no-repeat center;
    min-height: 500px;
    padding: 70px 0 140px;

    .content {
      width: 1180px;
      margin: 0 auto;
      overflow: hidden;

      .list-container {
        padding-top: 60px;
        margin-right: -20px;
      }

      .list {
        .fl();
        width: 260px;
        padding-left: 116px;
        height: 160px;
        margin: 0 20px 20px 0;
        border-radius: 8px;
        .transition();
        background: #fff url("../images/icon.png") no-repeat 26px 18px;

        &:hover {
          background: #fff url("../images/icon_on.png") no-repeat 26px 18px;

          h3, p {
            .transition();
            transform: translateX(5px);
            opacity: .9;
          }
        }

        h3 {
          .fs(20px, #151515);
          padding: 22px 0 12px;
        }

        p {
          .fs(12px, #595959);
          line-height: 22px;
          padding-right: 20px;
        }
      }
    }
  }

  .server-container {
    background: #333;
    padding: 60px 0 106px;

    .title {
      color: #fff;
    }

    .content {
      width: 1180px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;

      dl {
        padding-top: 300px;
        width: 350px;
        text-align: center;

        &.list1 {
          background: url("../images/icon1.png") no-repeat center 100px;
        }

        &.list2 {
          background: url("../images/icon2.png") no-repeat center 100px;
        }

        &.list3 {
          background: url("../images/icon3.png") no-repeat center 100px;
        }

        h3 {
          .fs(25px, #ffffff);
          padding: 16px 0;
          font-weight: normal;
        }

        p {
          .fs(15px, #a1a1a1);
        }
      }
    }
  }

  .partner-container {
    padding: 70px 0 0;
    background: url("../images/partner_bg.jpg") no-repeat center;

    .content {
      width: 1180px;
      margin: 0 auto;
      padding-top: 100px;

      ul {
        overflow: hidden;
        margin-right: -68px;
      }

      li {
        .fl();
        margin: 0 64px 120px 0;
        font-size: 0;

        img {
          width: 352px;
        }
      }
    }
  }

  .line {
    height: 100px;
    background: @baseColor;
  }

  .footer {
    background: rgba(0,0,0,.86);

    .content {
      padding: 45px 0 40px;
      width: 1180px;
      margin: 0 auto;
      overflow: hidden;
	  text-align:center;
	  p {
        .fs(16px, #fff);
      }
    }

    .left {
      width: 390px;
      .fl();
      img{
        width: 144px;
      }

      p {
        padding-top: 40px;
        .fs(16px, #333);
      }
    }

    .right {
      .fr();
      width: 700px;
      display: flex;
      align-items: center;
      justify-content: space-between;

      dl {
        dt {
          .fs(21px, #333);
          padding: 20px 0;
        }

        dd {
          line-height: 40px;
          padding-left: 20px;
          background: url("../images/icon_dd.png") no-repeat left center;

          a {
            .fs(16px, #333);
          }
        }
      }
    }
  }
}

// 新闻
.news-container {
  padding-top: 360px;
  min-height: 640px;

  .content {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;

    .left {
      .fl();
      width: 320px;

      .news-center {
        height: 60px;
        overflow: hidden;
        background: @baseColor;
        line-height: 60px;
        text-align: center;
        color: #ffd960;
        font-size: 16px;
        font-weight: bold;
      }

      ul {
        li {
          height: 50px;
          line-height: 50px;
          font-size: 15px;
          overflow: hidden;
          border-bottom: 1px solid #efefef;

          a {
            display: block;
            padding-left: 40px;
            color: #666666;
            background: url(../images/dd.jpg) 25px no-repeat;
            .transition();

            &:hover, &.current {
              background: url("../images/dd_on.jpg") 25px no-repeat;
              color: @baseColor;
            }
          }
        }
      }

      .connect {
        background: @baseColor;
        padding: 15px 10px;
        overflow: hidden;
        color: #FFF;

        span {
          padding: 15px 0 0;
          display: block;
          font-size: 18px;
          color: #ffd960;
          font-weight: bold;
        }
      }
    }

    .right {
      width: 840px;
      .fr();

      .news-top {
        overflow: hidden;
        height: 50px;
        line-height: 60px;
        border-bottom: #898989 1px solid;

        .news-top-left {
          .fl();
          padding-left: 30px;
          font-size: 16px;
          background: url(../images/home.jpg) 0 20px no-repeat;
        }

        .news-top-right {
          .fr();

          a {
            color: #666;

            &.current {
              color: @baseColor;
            }
          }
        }
      }
    }

    .news-content {
      padding: 10px 0 30px;
      overflow: hidden;

      li {
        height: 45px;
        line-height: 45px;
        border-bottom: #CCC 1px dashed;
        overflow: hidden;
        background: url(../images/dd_on.jpg) left center no-repeat;
        padding-left: 15px;
        span{
          .fr();
        }
        a{
          color: #666;
          &:hover{
            color: @baseColor;
          }
        }
      }

      .news-title{
        text-align: center;
        font-size: 18px;
        border-bottom: 1px #d6d8d9 solid;
        padding-bottom: 15px;
        margin-bottom: 20px;
      }
      .news-info{
        font-size: 14px;
        color: #666;
        line-height: 30px;
        img{
          display: block;
          margin: 0 auto;
        }
      }
    }
  }
}

// 分页
.pagination{
  padding: 16px 0;
  text-align: center;
  font-size: 0;
  a{
    display: inline-block;
    min-width: 36px;
    padding: 0 6px;
    .lh(36px);
    .fs(16px,#333);
    .transition();
    margin: 0 4px;
    border: 1px solid @baseColor;
    &:hover,&.current{
      color: #fff;
      background: @baseColor;
    }
  }
}